import { defineStore } from 'pinia'
import type { GlobalThemeOverrides } from 'naive-ui'

export const useThemeStore = defineStore('theme', {
  state: () => ({
    themeOverrides: {
      Menu: {
        itemHeight: '50px',
        itemTextColor: '#333',
        itemTextColorHover: '#2080f0',
        itemTextColorActive: '#2080f0',
        itemColorActive: '#f0f7ff',
      },
      Card: {
        borderRadius: '8px',
      },
      Layout: {
        color: '#fff',
      },
      common: {
        primaryColor: '#2080f0',
        primaryColorHover: '#4098fc',
        primaryColorPressed: '#1060c9',
      },
    } as GlobalThemeOverrides,
  }),
})
